<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品详细</title>
		<link rel="stylesheet" href="css/detail.css" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_633731_y8fqg76luta3v7vi.css" />
		<link rel="stylesheet" href="css/an.css" />
	</head>
	<body>
		<!--头部-->
		<div id="top">
			<div class="top-content">
				<p class="top-1">全国服务热线：400-000-0000</p>
				<p class="top-2">设为首页 </p>
				<p class="top-2">加入收藏 </p>
			</div>
		</div>
		<!--头部-->
		
		<!--导航部分-->
		<div class="nav-color">
			<div id="nav">
				<div class="nav-left">
					<img src="img/logo.png" alt="" />
					<div class="logo-p">
						<p class="left-1">TK科技有限公司</p>
						<p class="left-2">cer dcd keo Holdings Co., Ltd.</p>
					</div>				
				</div>
				<div class="nav-right">
					<ul>
						<li><a href="index.html" >首页<br/>Home</a></li>
						<li><a href="product.html">关于我们<br/>About</a></li>
						<li><a href="detail.html">产品中心<br/>Products</a></li>
						<li><a href="">服务支持<br/>Service</a></li>
						<li><a href="">新闻中心<br/>News</a></li>
						<li><a href="">在线商店<br/>Shop</a></li>
						<li><a href="">联系我们<br/>Contact Us</a></li>
					</ul>
				</div>
			</div>	
		</div>
		<!--导航部分-->
		
		<!--大图部分-->
		<div class="banner">
			<img src="img/banner3_02.jpg" alt="" />
		</div>
		
		<!--大图部分-->
		
		<!--中间部分-->
		<div id="main">
			<!--中间上部分-->
			<div class="main-top">
				<!--中间左边部分-->
				<div class="t-left">
					<p>首页  >  新品发布 > S6207Y-WR</p>
					<div class="t-show"><img src="img/p1.png" alt="" />
					</div>
					<span class="s-search"><img src="img/sousuo.png" alt="" /></span>
					<div class="t-small">
						<span><img src="img/p1.png" alt="" /></span>
						<span><img src="img/p2.png" alt="" /></span>
						<span><img src="img/p3.png" alt="" /></span>
						<span><img src="img/p4.png" alt="" /></span>
						<span class="sp-last"><img src="img/p5.png" alt="" /></span>
					</div>
				</div>
				<!--中间左边部分-->
				
				<!--中间右边部分-->
				<div class="t-right">
					<h3>百万高清网络摄像机</h3>
					<p class="p-1">型号：S6207Y-WR</p>
					<p class="p-2">描述：</p>
				
					<p class="p-3">100万无线高清 64GB TF卡 语音对讲 智能连接 手机观看</p>
					<p class="p-3">1、采用H.264视频压缩技术, 实现超低码率、高清晰画质, 128K-2056Kbps可调；</p>
					<p class="p-3">2、1280*720 Pixels(1000k Pixels) 720P/VGA；</p>
					<p class="p-3">3、支持控制上下旋转巡航（水平355度/垂直120度）；支持ONVIF协议，标准RTSP流；</p>
					<p class="p-3">4、支持最大64GB TF卡插入，支持双向对讲；</p>
					<p class="p-3">5、支持smartlink免网线智能配置摄像机WiFi；支持手机远程监控（iPhone, Android）</p>				
					<button type="button" class="button-1">立即购买</button>
					<button type="button" class="button-2">联系我们</button>
				</div>
				
				<!--中间右边部分-->
			</div>
			<!--中间上部分-->
			
			<!--中间导航部分-->
			<div class="nav-2">
				<ul>
					<li><a href="">产品描述</a></li>
					<li><a href="">规格参数</a></li>
					<li><a href="">产品图集</a></li>
				</ul>
			</div>
			<!--中间导航部分-->
			
			
			<div class="detail-big">
				<!--第一个介绍页-->			
				<div class="detail-1">
					<h2>720P高清画质</h2>
					<p>百万高清镜头，高性能海思芯片</p>
					<p class="second">1280X720分辨率，清晰度是普通摄像头的3倍</p>
					<div class="span-img">
						<span class="img-1"><img src="img/phone.png" alt="" /></span>	
						<span class="img-2"><img src="img/d-1.png" alt="" /></span>
					</div>
				</div>
				<!--第一个介绍页-->
				
				<!--第二个介绍页-->
				<div class="detail-2">
					<h2>10米红外夜视</h2>
					<p>零光源不用怕，成像一样清晰</p>
					<p>红外校正的光学设计，自动校正红外虚焦，保证晚上图像清晰，红外灯</p>
                 	<p class="second">照射距离可达10米，配备IR-CUT，夜晚彩转黑白</p>
                 	<img src="img/d-2_03.jpg" alt="" />
					
				</div>
				<!--第二个介绍页-->
				
				<!--第三个介绍页-->
				<div class="detail-2 detail-3">
					<h2>移动侦测  信息推送</h2>
					<p>精准度高，误报率低。不怕贼惦记</p>
					<p>当监控区域出现移动目标时，监控录像就会自动开启录像功能，并会</p>
                 	<p class="second">在第一时间将异常情况发送报警提示您</p>
                 	<img src="img/detail-2.jpg" alt="" />					
				</div>
				<!--第三个介绍页-->
				
				<!--第四个介绍页-->
				<div class="detail-4">
					<h2>您可以在这些地方使用！</h2>
					<img src="img/产品详细_06.jpg" alt="" />
				</div>
				<!--第四个介绍页-->
				
				<div class="nav-2 nav-3">
					<ul>
						<li><a href="">规格参数</a></li>
					</ul>
				</div>
				
				<!--第五个介绍页-->
				<div class="detail-5">
					<img src="img/d-5.png" alt="" />
				</div>
				<!--第五个介绍页-->
				<!--更多产品部分-->
				<div class="nav-2 nav-4">
					<ul>
						<li><a href="">更多产品</a></li>
					</ul>
				</div>
				<div class="product">
					<div class="more">
						<img src="img/p5.png" alt="" />
						<img src="img/p4.png" alt="" />
						<img src="img/p3.png" alt="" />
						<img src="img/p2.png" alt="" />
						<img src="img/p1.png" alt="" />
					</div>
				</div>
				<!--更多产品部分-->
				
			</div>
			
			
			
		</div>
		<!--中间部分-->
		
		
		
		
		
		
		
		
		<!--尾部部分-->
		<div id="footer">
			<div class="tb">
				<span class="span-p">关注我们：</span>
				<span class="iconfont icon-weibo"></span>
				<span class="iconfont icon-qq"></span>
				<span class="iconfont icon-weixin"></span>			
			</div>
			<p>网站首页   • 新闻动态    •  关于我们   •   团队风采   •   联系我们   •   在线留言   </p>		
		</div>
		<div class="copy">
			<p>©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</p>
		</div>
		<!--尾部部分-->
		
		<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		<script>
			$(function(){
				$("#main .t-small span").click(function(){
					var src=$(this).children("img").attr("src");
					$(".t-show img").attr("src",src)
				})
			})
		</script>
	</body>
</html>
